<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>供货单详情</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<link href="${request.getContextPath()}/Public/assets/admin/css/css.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css">

<link
	href="${request.getContextPath()}/Public/assets/global/css/components-rounded.css"
	id="style_components" rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/css/plugins.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/layout.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/themes/default.css"
	rel="stylesheet" type="text/css" id="style_color">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/custom.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${request.getContextPath()}/Public/assets/admin/css/common.css"
	rel="stylesheet" type="text/css">



<link rel="shortcut icon"
	href="${request.getContextPath()}/Public/favicon.ico">
<!--[if lt IE 9]>
<script src="${request.getContextPath()}/Public/assets/global/plugins/respond.min.js"></script>
<script src="${request.getContextPath()}/Public/assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-migrate.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-ui/jquery-ui.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap/js/bootstrap.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.blockui.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.cokie.min.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/uniform/jquery.uniform.min.js"
	type="text/javascript"></script>

<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery.sparkline.min.js"
	type="text/javascript"></script>

<script
	src="${request.getContextPath()}/Public/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"
	type="text/javascript"></script>

<script
	src="${request.getContextPath()}/Public/assets/global/scripts/metronic.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/admin/scripts/layout.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/admin/scripts/indexComponent.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/admin/scripts/commonUtils.js"
	type="text/javascript"></script>

<!-- select2控件 -->
<!-- select2控件 -->
<script type="text/javascript"
	src="${request.getContextPath()}/Public/assets/global/plugins/select2/select2.js"></script>
<script type="text/javascript"
	src="${request.getContextPath()}/Public/assets/global/plugins/select2/select2_locale_zh-CN.js"></script>
<link
	href="${request.getContextPath()}/Public/assets/global/plugins/select2/select2.css"
	rel="stylesheet" type="text/css">

<!-- 数据验证 -->
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-validation/js/jquery.validate.js"
	type="text/javascript"></script>
<script
	src="${request.getContextPath()}/Public/assets/global/plugins/jquery-validation/js/localization/messages_zh.js"
	type="text/javascript"></script>


<style type="text/css">
* {
	font-size: 14px;
}

#buyfrom label.error {
	color: Red;
	font-size: 13px;
	margin-left: 5px;
	padding-left: 16px;
	background: left no-repeat;
}

.commonBtn {
	margin: 0 5px;
}

.normalBtn {
	border: 1px solid #C0C1B4;
	color: #555;
	background-color: #fff;
}
.imgShowTable tr td{
	padding:0 .2em;
}
</style>

</head>
<body class="page-header-top-fixed">
	<div class="page-header">
		<!--头部开始-->
		<#include "/include/top.html" />
		<!-- 头部信息结束 -->
		<!-- 头部菜单开始 -->
		<#include "/include/top_menu.html" />
		<!-- 头部菜单结束 -->
	</div>
	<!-- END HEADER -->
	<div class="page-container">
		<div class="page-content">
			<div class="container-fluid">
				<ul class="page-breadcrumb breadcrumb">
					<li><a href="#">首页</a><i class="fa fa-circle"></i></li>
					<li class="active">废金属管理<i class="fa fa-circle"></i>
					</li>
					<li class="active">供货单</li>
					<li class="active">供货单详情</li>
				</ul>
				<div class="row margin-top-10">
					<div class="col-md-12">
						<div class="portlet light bordered" align="center">
							<form class="form-horizontal" id="purchasefrom">
								<div class="form-group">
									<p align="left">
									<h3 style="font-weight: bold;">供货单详情</h3>
									</p>
									<label class="col-sm-2 control-label ">分类：</label>
									<div class="col-sm-2">${suppDetail.iname}</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">货物所在地：</label>
									<div class="col-sm-2">
										<#if suppDetail.proyName?? && suppDetail.cityName?? && suppDetail.proyName != suppDetail.cityName>
											${suppDetail.proyName}&nbsp;&nbsp;&nbsp;
										</#if>
										${suppDetail.cityName}
									</div>
									
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">信息标题：</label>
									<div class="col-sm-2">
									${(suppDetail.infoTitle)!}
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">供货详情：</label>
									<div class="col-sm-2">
									${(suppDetail.description)!}
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">数量(吨)：</label>
									<div class="col-sm-2">
									${(suppDetail.usableQuantity?string("#.#####"))!}
									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-2 control-label">价格：</label>
									<div class="col-sm-2">
										  <#if suppDetail.priceNegotiable?? && suppDetail.priceNegotiable==1 >面议
										  <#else>
										  	${(suppDetail.price)!}
										  <#if suppDetail.priceUnit?? && suppDetail.priceUnit==0 >(元)</#if>
										  <#if suppDetail.priceUnit?? && suppDetail.priceUnit==1 >(美元)</#if>
										  </#if> 
									</div>
								</div>
								<div class="form-group" >
									<label class="col-sm-2 control-label">价格说明：</label>
									<div class="col-sm-2">
										${(suppDetail.pname)!}
									</div>
								</div>
								<div class="form-group" >
									<label class="col-sm-2 control-label">交货方式：</label>
									<div class="col-sm-2">
										${(suppDetail.dname)!}
									</div>
								</div>
								<div class="form-group" >
									<label class="col-sm-2 control-label">商品图片：</label>
									<div class="col-sm-2">
										<table class="imgShowTable">
											<tr>
												<#list suppImg as img>
													<td>
														<img src="${img.name}" width="100" height="100">
													</td>
												</#list>
											</tr>
										</table>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">信息有效期：</label>
									<div class="col-sm-2">
										<#if suppDetail.expiryType?? && suppDetail.expiryType==0 >
										一周
										<#else>
										一月
										</#if>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">手机：</label>
									<div class="col-sm-2">
										${(suppDetail.phone)!}
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">发布时间：</label>
									<div class="col-sm-2">
										${(suppDetail.createdAt)!}
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">更新时间：</label>
									<div class="col-sm-2">
										${(suppDetail.updatedAt)!}
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">最后修改人：</label>
									<div class="col-sm-2">
										<#if suppDetail ?? && suppDetail.isUpdatedByCustomer ?? && suppDetail.isUpdatedByCustomer == 0>
											 	${suppDetail.uname!''}
											</#if>
											<#if suppDetail ?? && suppDetail.isUpdatedByCustomer ?? && suppDetail.isUpdatedByCustomer == 1>
											 	<#if suppDetail.customerName ?? && suppDetail.customerName != ''>
													${suppDetail.customerName}
												<#else>
													${suppDetail.nickName}
												</#if>
											</#if>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">信息状态：</label>
									<div class="col-sm-2">
										<#if suppDetail.infoStatus?? && suppDetail.infoStatus==0 >待审核</#if> 
										<#if suppDetail.infoStatus?? && suppDetail.infoStatus==1 >已通过</#if> 
										<#if suppDetail.infoStatus?? && suppDetail.infoStatus==2 >未通过</#if>
									 	<#if suppDetail.infoStatus?? && suppDetail.infoStatus==3 >过期</#if> 
										<#if suppDetail.infoStatus?? && suppDetail.infoStatus==4 >删除</#if> 
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-2 col-sm-10">
										<button id="Button" onclick="javascript :history.back(-1);"
											type="button" class="btn green pull-left">
											返回 <i class="m-icon-swapright m-icon-white"></i>
										</button>
										<#if suppDetail.infoStatus?? && suppDetail.infoStatus == 1 && suppDetail.usableQuantity?? && (suppDetail.usableQuantity > 0)>
											<button id="Button" onclick="javascript:createOrder(${suppDetail.id})"
												type="button" class="btn green pull-left">
												生成订单 <i class="m-icon-swapright m-icon-white"></i>
											</button>
										</#if>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

		<!-- 内容结束 -->
	<!-- 底部开始 -->
	<#include "/include/foot.html" />
	<!-- 底部结束 -->
</body>
<script>
jQuery(document).ready(function() {	
	   Metronic.init(); // init metronic core componets
	   Layout.init(); // init layout
	});
function createOrder(id){
	document.location.href="${request.getContextPath()}/order/toAddOrderBySupply.do?id="+id;
}

</script>
</html>

